<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="author" content="PR" />
<meta name="copyright" content="深圳市博瑞思咨询服务有限公司" />
<meta name="keywords" content="ESD体系认证辅导,ESD现场勘察评估,ESD企业内训,ESD公开课,ESD研讨会" />
<meta name="description" content="深圳市博瑞思咨询服务有限公司致力于打造中国最大、最专业的ESD体系认证辅导、ESD现场勘察评估、ESD企业内训、ESD公开课、ESD研讨会企业，拥有庞大的服务网点，深圳市博瑞思咨询服务有限公司高覆盖、高效率的服务获得多家公司和机构的认可。深圳市博瑞思咨询服务有限公司将以最专业的精神为您提供安全、经济、专业的服务。" />
<title>博瑞思咨询服务有限公司</title>
<link rel="stylesheet" media="screen" href="css/public.css" />
<link rel="stylesheet" media="screen" href="css/style.css" />
<script src="js/jquery-1.12.0.min.js"></script>
<script src="js/banner.js"></script>
</head>
<body>
<!--横幅-->
<header class="home-header">
	<section class="home-search">
		<input id="goSearch" type="search" placeholder="搜索">
	</section>
</header>
<script>
$(function() {
	$("#goSearch").on("focus", function() {
		window.location.href = "search.html";
	});
});
</script>
<!--主体-->
<article class="home-contains">
	<!--横幅-->
	<section class="home-banner">
		<div class="home-banner-box" id="bannerBox">
			<ul class="home-banner-wrap">
				<li>
					<a href="../course/course-ovd-details.html"><img src="img/home/banner-1.jpg" width="100%" alt=""></a>
				</li>
				<li>
					<a href="../course/course-ovd-details.html"><img src="img/home/banner-1.jpg" width="100%" alt=""></a>
				</li>
				<li>
					<a href="../course/course-ovd-details.html"><img src="img/home/banner-1.jpg" width="100%" alt=""></a>
				</li>
			</ul>
		</div>
		<ul class="home-banner-pag" id="bannerPag">
			<li class="active">1</li>
			<li>2</li>
			<li>3</li>
		</ul>
	</section>
	<script>
	/*横幅切换*/
	var slider = Swipe(document.getElementById("bannerBox"), {
		auto: 5000,
		continuous: true,
		callback: function(pos) {
			var i = bullets.length;
			while (i--) {
				bullets[i].className = "";
			}
			bullets[pos].className = "active";
		}
	});
	var bullets = document.getElementById("bannerPag").getElementsByTagName("li");
	</script>
	<!--菜单-->
	<menu class="home-menu">
		<ul class="flex-box">
			<li class="home-menu-certificate flex-item-1"><a href="certificate.html">证书查询</a></li>
			<li class="home-menu-assess flex-item-1"><a href="javascript:;">在线测评</a></li>
			<li class="home-menu-lecturer flex-item-1"><a href="recommen-lecturer.html">推荐名师</a></li>
			<li class="home-menu-organization flex-item-1"><a href="recommen-org.html">推荐机构</a></li>
		</ul>
	</menu>
	<!--精选课程-->
	<h2 class="home-title">精选课程</h2>
	<ul class="course-list">
		<li>
			<a class="flex-box" href="../course/course-ovd-details.html">
				<aside class="flex-item-1"><img src="img/other/course-1.jpg" width="100%" alt="课程图片"></aside>
				<article class="flex-item-2">
					<h5>PHP2小时超音速零基础入门</h5>
					<section class="course-list-author color-gray">
						<b>王小二</b>
						<time>2小时</time>
					</section>
					<footer class="course-list-price">
						<b class="color-main">￥40.00</b>
						<del class="color-gray">￥60.00</del>
					</footer>
				</article>
			</a>
		</li>
		<li>
			<a class="flex-box" href="../course/course-ovd-details.html">
				<aside class="flex-item-1"><img src="img/other/course-2.jpg" width="100%" alt="课程图片"></aside>
				<article class="flex-item-2">
					<h5>产品经理必修课：移动体验设计要诀</h5>
					<section class="course-list-author color-gray">
						<b>王小二</b>
						<time>2小时</time>
					</section>
					<footer class="course-list-price">
						<b class="color-main">￥40.00</b>
						<del class="color-gray">￥60.00</del>
					</footer>
				</article>
			</a>
		</li>
		<li>
			<a class="flex-box" href="../course/course-ovd-details.html">
				<aside class="flex-item-1"><img src="img/other/course-3.jpg" width="100%" alt="课程图片"></aside>
				<article class="flex-item-2">
					<h5>[Java]Javaweb网上图书商城之图书</h5>
					<section class="course-list-author color-gray">
						<b>王小二</b>
						<time>2小时</time>
					</section>
					<footer class="course-list-price">
						<b class="color-main">￥40.00</b>
						<del class="color-gray">￥60.00</del>
					</footer>
				</article>
			</a>
		</li>
	</ul>
	<!--推荐名师-->
	<h2 class="home-title">推荐名师</h2>
	<ul class="lecturer-list">
		<li>
			<a class="db" href="lecturer-details.html">
				<img src="img/other/lecturer-1.jpg" width="100%" alt="讲师照片">
				<article class="lecturer-list-article clearfix">
					<h5 class="fl">韩梅梅</h5>
					<div class="star fl">
						<i class="light"></i>
						<i class="light"></i>
						<i class="light"></i>
						<i class="light"></i>
						<i></i>
					</div>
					<em class="fr">特级讲师</em>
				</article>
				<footer class="lecturer-list-footer flex-box color-gray">
					<b class="flex-item-1 toe">关注：899999</b>
					<i class="flex-item-1 toe">城市：深圳</i>
					<em class="flex-item-1 toe">学员：899</em>
				</footer>
			</a>
		</li>
		<li>
			<a class="db" href="lecturer-details.html">
				<img src="img/other/lecturer-2.jpg" width="100%" alt="讲师照片">
				<article class="lecturer-list-article clearfix">
					<h5 class="fl">李雷</h5>
					<div class="star fl">
						<i class="light"></i>
						<i class="light"></i>
						<i class="light"></i>
						<i class="light"></i>
						<i></i>
					</div>
					<em class="fr">特级讲师</em>
				</article>
				<footer class="lecturer-list-footer flex-box color-gray">
					<b class="flex-item-1 toe">关注：899999</b>
					<i class="flex-item-1 toe">城市：深圳</i>
					<em class="flex-item-1 toe">学员：899</em>
				</footer>
			</a>
		</li>
	</ul>
	<!--推荐机构-->
	<h2 class="home-title">推荐机构</h2>
	<ul class="organization-list">
		<li>
			<a class="db" href="organization-details.html">
				<img src="img/other/organization-1.jpg" width="100%" alt="机构图片">
				<h5>世纪英才幼教中心</h5>
				<footer class="organization-list-footer flex-box color-gray">
					<div class="star flex-item-1">
						<i class="light"></i>
						<i class="light"></i>
						<i class="light"></i>
						<i class="light"></i>
						<i></i>
					</div>
					<b class="flex-item-1 toe">关注：899999</b>
					<em class="flex-item-1 toe">学员：899</em>
				</footer>
			</a>
		</li>
		<li>
			<a class="db" href="organization-details.html">
				<img src="img/other/organization-2.jpg" width="100%" alt="机构图片">
				<h5>启程教育</h5>
				<footer class="organization-list-footer flex-box color-gray">
					<div class="star flex-item-1">
						<i class="light"></i>
						<i class="light"></i>
						<i class="light"></i>
						<i class="light"></i>
						<i></i>
					</div>
					<b class="flex-item-1 toe">关注：899999</b>
					<em class="flex-item-1 toe">学员：899</em>
				</footer>
			</a>
		</li>
	</ul>
</article>
<!--底部导航-->
<nav class="nav">
	<ul class="flex-box">
		<li class="flex-item-1 active">
			<a class="nav-home" href="index.html">首页</a>
		</li>
		<li class="flex-item-1">
			<a class="nav-course" href="../course/course-ovd.html">课程</a>
		</li>
		<li class="flex-item-1">
			<a class="nav-mine" href="javascript:;">我的</a>
		</li>
	</ul>
</nav>

<!--登录提示-->
<section class="not-logged-tip">
	<h2>登录之后才能进行此操作哦~</h2>
	<ul class="flex-box">
		<li class="flex-item-1"><a class="no-login" href="../mine/mine-unlogin.html">暂不登录</a></li>
		<li class="flex-item-1"><a class="go-login" href="../login/login.html">去登录</a></li>
	</ul>
</section>
<div id="loginTipMask" class="mask"></div>
<script>
$(function() {
	$(".nav-mine").click(function() {
		$("#loginTipMask").show();
		$(".not-logged-tip").fadeIn();
		$("body").addClass("oh");
	});
	$(".no-login").click(function() {
		$(".not-logged-tip").hide();
		$("#loginTipMask").fadeOut();
		$("body").removeClass("oh");
	});
});
</script>

<!--在线测评提示-->
<section class="assess-tip">
	<h2>您好！请到APP进行在线测评哦~</h2>
	<img src="img/public/qrcode.jpg" width="80%" alt="二维码">
	<p>长按二维码下载APP</p>
	<input id="closeAssessTip" type="button" value="知道了">
</section>
<div id="assessTipMask" class="mask"></div>
<script>
$(function() {
	/*弹出测评提示*/
	$(".home-menu-assess a").click(function() {
		$("#assessTipMask").show();
		$(".assess-tip").fadeIn();
		$("body").addClass("oh");
	});
	/*关闭测评提示*/
	$("#closeAssessTip").click(function() {
		$(".assess-tip").hide();
		$("#assessTipMask").fadeOut();
		$("body").removeClass("oh");
	});
});
</script>
</body>
</html>